<template>
  <div class="form-add bg-white">
    <div class="form-container" style="padding-top: 10px;">
      <div class="form-content" style="width: 1000px;">
        <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="图片裁剪" name="0">
          <div style="padding-top: 20px;">
            <ImageCropperUpload :url.sync="cropperImage" />
          </div>
        </el-tab-pane>
        <el-tab-pane label="图片上传" name="1">
          <div style="padding-top: 20px;">
            <ImageMutilUpload :images.sync="cropperImage"></ImageMutilUpload>
          </div>
        </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>
<script>

import ImageCropperUpload from '../../components/common/ImageCropperUpload';
import ImageMutilUpload from '../../components/common/ImageMutilUpload';

export default {
  name: 'imageView',
  components: {
    ImageCropperUpload,
    ImageMutilUpload,
  },
  props: [],
  data() {
    return {
      cropperImage: '',
      mutilImage: '',
      activeName: '0'
    }
  },
  mounted() {
  },
  methods: {
    
  }
}
</script>
<style lang="scss">
</style>
